<style type="text/less">
    @import "/web/public/public.less";
    #fragment-today-bid{
        .title{
            margin: 20px 0 30px;
            font-size: 20px;

            a{
                .fr;
                font-size: 14px;
                color: #7f7f7f;
                line-height: 20px;
            }
        }
        .bid-list{
            font-size: 14px;
            padding-left: 6px;
            &>li{
                line-height: 28px;
                border-left: 1px solid #EEEEEE;
                &:last-child{
                    border: none;
                }
                i{
                    width: 12px;
                    height: 12px;
                    box-sizing:border-box;
                    border: 3px solid #E60012;
                    border-radius: 50%;
                    margin-top: -20px;
                    margin-left: -6px;
                    background-color: #ffffff;
                }
                a{
                    display: inline-block;
                    max-height: 56px;
                    color: #6D6D6D;
                    width: 272px;
                    vertical-align: top;
                    margin-left: 10px;
                    margin-top: -10px;
                    overflow: hidden;

                    span{
                        display: inline-block;
                        width: 100%;
                        height: 100%;
                        .ellipsis-mult(2);
                        .high-light{
                            display: inline;
                        }
                    }
                }
                .date{
                    text-align: right;
                    color: #7f7f7f;
                    font-size: 12px;
                }
            }
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div id="fragment-today-bid" data-num="${channel.channelCount}" data-keyword="家具">
        <div class="title">
            <i class="title-line"></i>
            <span>${channel.channelName}</span>
            <a href="${yzbDomain}/search?keyword=家具&method=1" target="_blank">更多 ></a>
        </div>
        <ul class="bid-list"></ul>
    </div>
</#if>
<script>
    $(function () {
        $.ajax({
            url:ports.queryBidTitle,
            data:{
                "pageNum": 0,
                "sort": 2,
                "pageSize": $('#fragment-today-bid').data('num'),
                "queryText": $('#fragment-today-bid').data('keyword'),
            },
            success:function (res) {
                var html = '';
                res.data.content.forEach(function (item) {
                    html += '<li><i class="circle"></i><a href='+ '${yzbDomain}/detail/'+item.id +' target="_blank"><span>'+ item.title +'</span></a><p class="date">'+ item.projectDate.substr(5,5) +'</p></li>'
                });
                $('#fragment-today-bid .bid-list').html(html);
            }
        })
    })
</script>
